<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index_a.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.easing.1.3.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/index_a.css"/>
		<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
	</head>
	<body>
		<div id="dl_box">
			<div class="dl">
				<div class="left">
					<span>你好,欢迎光临凡客诚品!</span>
				    <span>登录&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;注册</span>
				</div>			
				<div class="right">
					<a class="dd" href="javascript:;">我的订单</a>
				    <a href=""><i class="iconfont icon-laba"></i></a>
				    <a class="gg" href="javascript:;">网站公告</a>
				    <a class="wx" href=""><img src="img/wx_1.jpg"/>
				    	<p class="erji"><img src="img/wxerji.png"/></p>
				    </a>
				    <a href=""><img src="img/wb_1.jpg"/></a>				    
				</div>			
		    </div>
		</div>
		<!--搜索框-->
		<div id="ss_box">
			<div class="ss">
				<div class="up">
					<input type="text" name="" class="tex" value="搜“帆布鞋”，体验与众不同	" />
					<input type="button" name="" class="but" value="搜索" />
					<div class="gwch">
						<a href=""class="iconfont icon-gouwuche"> 购物车(0)</a>
					    <p>您的购物车中没有任何产品</p>
					</div>
										
				</div>
				<div class="down">
					<p> 热门搜索：
					<a href="">免烫衬衫</a>
					<a href="">水柔棉</a>
					<a href="">熊本熊</a>
					<a href="">麻衬衫</a>
					<a href="">帆布鞋</a>
					<a href="">运动户外</a>
					<a href="">家居</a>					
					</p>
				</div>
			</div>
		</div>
		<!--导航条-->
		<div id="dh_box">
			<div class="dh">
				<a href=""><img src="img/logo.png"/></a>				
				<ul class="dha">
					<li><span class="hdh">首页<span>|</span></li>
					<li class="dhb one">
						<span class="hdh">衬衫<span>|</span></span>
						<i class="iconfont icon-shapehot"></i>
						<div class="dhlb">
							<p class="yc"></p>
							<p class="lb">
							<a>免烫</a>
							<a>易打理</a>
							<a>休闲</a>
							<a>高支</a>
							<a>法兰绒</a>
							<a>牛津纺</a>
							<a>青年布</a>
							<a>牛仔</a>
							<a>麻</a>
							<a>水洗棉</a>
							<a>泡泡纱</a>
							</p>							
					    </div>
					</li>					
					<li class="dhb two"><span class="hdh">T血<span>|</span></span>
						<i class="iconfont icon-shapenew"></i>
						<div class="dhlb">
							<p class="yc"></p>
							<p class="lb">
							<a>免烫</a>
							<a>易打理</a>
							<a>休闲</a>
							<a>高支</a>
							<a>法兰绒</a>
							<a>牛津纺</a>
							<a>青年布</a>
							<a>牛仔</a>
							<a>麻</a>
							<a>水洗棉</a>
							<a>泡泡纱</a>
							</p>							
					    </div>
					</li>
					<li class="dhb three"><span class="hdh">外套<span>|</span></span>
						<div class="dhlb">
							<p class="yc"></p>
							<p class="lb">
							<a>免烫</a>
							<a>易打理</a>
							<a>休闲</a>
							<a>高支</a>
							<a>法兰绒</a>
							<a>牛津纺</a>
							<a>青年布</a>
							<a>牛仔</a>
							<a>麻</a>
							<a>水洗棉</a>
							<a>泡泡纱</a>
							</p>							
					    </div>
					</li>
					<li class="dhb four"><span class="hdh">针织衫<span>|</span></span>
						<div class="dhlb">
							<p class="yc"></p>
							<p class="lb">
							<a>免烫</a>
							<a>易打理</a>
							<a>休闲</a>
							<a>高支</a>
							<a>法兰绒</a>
							<a>牛津纺</a>
							<a>青年布</a>
							<a>牛仔</a>
							<a>麻</a>
							<a>水洗棉</a>
							<a>泡泡纱</a>
							</p>							
					    </div>
					</li>
					<li class="dhb five"><span class="hdh">裤装<span>|</span></span>
						<div class="dhlb">
							<p class="yc"></p>
							<p class="lb">
							<a>免烫</a>
							<a>易打理</a>
							<a>休闲</a>
							<a>高支</a>
							<a>法兰绒</a>
							<a>牛津纺</a>
							<a>青年布</a>
							<a>牛仔</a>
							<a>麻</a>
							<a>水洗棉</a>
							<a>泡泡纱</a>
							</p>							
					    </div>
					</li>
					<li class="dhb six"><span class="hdh">鞋<span>|</span></span>
						<div class="dhlb">
							<p class="yc"></p>
							<p class="lb">
							<a>免烫</a>
							<a>易打理</a>
							<a>休闲</a>
							<a>高支</a>
							<a>法兰绒</a>
							<a>牛津纺</a>
							<a>青年布</a>
							<a>牛仔</a>
							<a>麻</a>
							<a>水洗棉</a>
							<a>泡泡纱</a>
							</p>							
					    </div>
					</li>
					<li class="dhb sever"><span class="hdh">家居配饰<span>|</span></span>
						<div class="dhlb">
							<p class="yc"></p>
							<p class="lb">
							<a>免烫</a>
							<a>易打理</a>
							<a>休闲</a>
							<a>高支</a>
							<a>法兰绒</a>
							<a>牛津纺</a>
							<a>青年布</a>
							<a>牛仔</a>
							<a>麻</a>
							<a>水洗棉</a>
							<a>泡泡纱</a>
							</p>							
					    </div>
					</li>
					<li class="dhb eigth"><span class="hdh">内衣袜品</span>
						<div class="dhlb">
							<p class="yc"></p>
							<p class="lb">
							<a>免烫</a>
							<a>易打理</a>
							<a>休闲</a>
							<a>高支</a>
							<a>法兰绒</a>
							<a>牛津纺</a>
							<a>青年布</a>
							<a>牛仔</a>
							<a>麻</a>
							<a>水洗棉</a>
							<a>泡泡纱</a>
							</p>							
					    </div>
					</li>
				</ul>
							
			</div>			
		</div>
		<!--轮播图-->
		<div id="lb_box">
			<div class="lb">
				<img src="img/lb_1.jpg" style="display: block;"/>
				<img src="img/lb_2.jpg"/>
				<img src="img/lb_3.jpg"/>
				<img src="img/lb_4.jpg"/>
				<img src="img/lb_5.jpg"/>
				<p class="le"><i class="iconfont icon-xiangzuojiankuohao"></i></p>
				<p class="ri"><i class="iconfont icon-xiangyoujiankuohao"></i></p>			
				<ul>
					<li class="active" style="background: #B81B22;"></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
		</div>
		<!--返减充值-->
		<div id="fj_box">
			<div class="fj">
				<img src="img/chz_1.jpg"/>
			</div>
		</div>
		<!--每日日秒杀倒计时-->
		<div id="ms_box">
			<div class="ms">
				<img src="img/ms-bg1.jpg"/>
				<span>
					<a>秒杀进行中，距离结束还有</a>
					<em></em>
					<em></em>
					<em></em>
				</span>
			</div>
		</div>
		<!--倒计时下面的产品图-->
		<div id="chp1_box">
			<div class="chp1">
				<ul>
					<li>
						<img src="img/h1_1.jpg"/>
						<p class="xq">T恤 学霸 巴普洛夫的狗 白色</p>
						<s>¥ 156</s>
						<p><span class="q">¥</span>&nbsp98<span class="cz">充值后<a>49</a>元</span></p>
						
					</li>
					<li>
						<img src="img/h1_2.jpg"/>
						<p class="xq">凡客衬衫 吉国武 免烫 领尖扣 3.0 藏蓝</p>
						<s>¥ 428</s>
						<p><span class="q">¥</span>&nbsp298<span class="cz">充值后<a>149</a>元</span></p>
					</li>
					<li>
						<img src="img/h1_3.jpg"/>
						<p class="xq">凡客休闲鞋 系带 3 中性款 红色</p>
						<s>¥ 298</s>
						<p><span class="q">¥</span>&nbsp178<span class="cz">充值后<a>89</a>元</span></p>
					</li>
					<li>
						<img src="img/h1_4.jpg"/>
						<p class="xq">凡客休闲鞋 系带 4 女款 深蓝色</p>
						<s>¥ 329</s>
						<p><span class="q">¥</span>&nbsp178<span class="cz">充值后<a>89</a>元</span></p>
					</li>
					<li>
						<img src="img/h1_5.jpg"/>
						<p class="xq">牛仔裤 修身铅笔裤 轻弹水洗 女款 深水蓝</p>
						<s>¥ 258</s>
						<p><span class="q">¥</span>&nbsp158<span class="cz">充值后<a>79</a>元</span></p>
					</li>
				</ul>
			</div>
		</div>
		<!--T血 熊笨熊   调用减充值-->
	    <div id="fj_box">
			<div class="fj">
				<img src="img/chk_1.jpg"/>
			</div>
		</div>
		<!--熊笨熊下面的图片-->
		<div id="xbt_box">
			<div class="xbt">
				<ul>
					<li><img src="img/h2_1.jpg"/></li>
					<li><img src="img/h2_2.jpg"/></li>
					<li><img src="img/h2_3.jpg"/></li>
					<li><img src="img/h2_4.jpg"/></li>
				</ul>
			</div>
		</div>
		<!--新品预售-->
		<div id="fj_box">
			<div class="fj">
				<img src="img/xpt_1.jpg"/>
			</div>
		</div>
		<!--新品预售图 调用熊笨熊-->
		<div id="xbt_box">
			<div class="xbt">
				<ul>
					<li><img src="img/h3_1.jpg"/></li>
					<li><img src="img/h3_2.jpg"/></li>
					<li><img src="img/h3_3.jpg"/></li>
					<li><img src="img/h3_4.jpg"/></li>
				</ul>
			</div>
		</div>
		<!--优选推荐-->
		<div id="yx_box">
			<div class="yxtj">
				优选推荐
			</div>
			<div class="yx">
				<ul>
					<li class="left">
						<img src="img/h4_1.jpg"/>
						<p>吉國武衬衫<span>充值购买更优惠</span></p>
					</li>
					<li class="center">
						<div class="c_up">
							<img src="img/h4_2.jpg"/>
						    <p>新品到货<span>充值购买更优惠</span></p>
						</div>
						<div class="c_down">
							<img src="img/h4_4.jpg"/>
						    <p>POLO<span>充值购买更优惠</span></p>
						</div>
					</li>
					<li class="right">
						<img src="img/h4_3.jpg"/>
						<p>POLO<span>充值购买更优惠</span></p>
					</li>
				</ul>				
			</div>
			<div class="yx">
				<ul>
					<li class="left">
						<img src="img/h5_1.jpg"/>
						<p>吉國武衬衫<span>充值购买更优惠</span></p>
					</li>
					<li class="center">
						<div class="c_up">
							<img src="img/h5_2.jpg"/>
						    <p>新品到货<span>充值购买更优惠</span></p>
						</div>
						<div class="c_down">
							<img src="img/h5_4.jpg"/>
						    <p>POLO<span>充值购买更优惠</span></p>
						</div>
					</li>
					<li class="right">
						<img src="img/h5_3.jpg"/>
						<p>POLO<span>充值购买更优惠</span></p>
					</li>
				</ul>				
			</div>
		</div>
		<!--下装推荐-->
		<div id="xzh_box">
			<div class="xzh">
				下装推荐
			</div>			
		</div>
		<!--夏装推荐图-->
		<div id="xzht_box">
			<div class="xzht">
				<ul>					
					<li class="fu">
						<img src="img/h6_1.jpg"/>
						<p>休闲裤<span>充值购买相当于  79元起</span></p>
					</li>
					<li class="fu">
						<img src="img/h6_2.jpg"/>
						<p>牛仔裤<span>充值购买相当于  79元起</span></p>
					</li>
					<li class="fu">
						<img src="img/h6_3.jpg"/>
						<p>针织裤<span>充值购买相当于  49元起</span></p>
					</li>
					<li class="fu">
						<img src="img/h6_4.jpg"/>
						<p>女裙<span>充值购买相当于  79元起</span></p>
					</li>
				</ul>
			</div>								
		</div>
        <!--更多精品调用-->
        <div id="xzh_box">
			<div class="xzh">
				更多精品
			</div>			
		</div>        
        <!--更多精品图-->
		<div id="gd_box">
			<div class="gd">
				<ul>
					<li><img src="img/h7_1.jpg"/></li>
					<li><img src="img/h7_2.jpg"/></li>
					<li><img src="img/h7_3.jpg"/></li>
					<li><img src="img/h7_4.jpg"/></li>
					<li><img src="img/h7_5.jpg"/></li>
					<li><img src="img/h7_6.jpg"/></li>
				</ul>				
			</div>			
		</div>
		<!--在线客服  关于凡客-->
		<div id="zx_box">
			<div class="zx">
				<div class="up">
					<ul>
						<li>
							<img src="img/bottom_1.png" class="img1"/>
							<p class="kf">7X9小时在线客服</p>							
						</li>
						<li class="xian">
							<img src="img/bottom_2.png" class="img2"/>
							<p class="th">7天内退货</p>
							<p class="th">购物满199元免运费</p>							
						</li>
						<li>
							<img class="img3" src="img/bottom_3.jpg" style="width: 104px;height: 104px;"/>
							<p class="th">扫描下载<span>凡客</span>客户端</p>							
						</li>
					</ul>
				</div>
				<div class="down">
					<ul>
						<li class="bor">关于凡客</li>
						<li  class="bor">新手指南</li>
						<li  class="bor">配送范围及时间</li>
						<li  class="bor">支付方式</li>
						<li  class="bor">售后服务</li>
						<li>帮助中心</li>
					</ul>
				</div>
			</div>			
		</div>
		<!--底部-->
		<div id="db_box">
			<div class="db">
				<p>Copyright 2007 - 2018 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11011502002400号 出版物经营许可证新出发京批字第直110138号</p>
		        <p>凡客诚品（北京）科技有限公司</p>
		        <div class="tu">
		        	<img src="img/tt_1.png"/>
		        	<img src="img/tt_2.png"/>
		        	<img src="img/tt_3.png"/>
		        	<img src="img/tt_4.png"/>
		        	<img src="img/tt_5.png"/>
		        	<img src="img/tt_6.png" style="width: 120px; height: 39px;"/>
		        </div>
			</div>	
		</div>
		

	
		
	</body>
</html>
